<template>
  <div class="loading">
      <img src="./img/loading.gif" width="24" height="24" alt="" />
      <p>{{title}}</p>
  </div>
</template>

<script>
export default {
    name: 'loading',
  data () {
    return {
     
    }
  },
  props:{
  	title:{
  		type:String,
  		default:'正在载入...'
  	}
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less"  scoped>
     @import "../../common/stylus/variable.less";
     .loading{
     	width: 100%;
     	text-align: center;
     	.desc{
     		line-height:20px;
     		font-size:@font-size-small;
     		color: @color-text-l;
     	}
     	
     }
</style>
